@charset "utf-8";
@import url("reset.css");
/* CSS Document */

body {
    background: url("images/body_bg.png") repeat scroll 0 0 transparent;
}

#wrapper {
    width: 800px; height: auto;
    margin: 20px auto; border: 2px solid white;
    background: none repeat scroll 0 0 #FFFFFF;
}

#header {
    width: auto; height: 200px;
    background: url("images/header_bg.png") repeat-x scroll center top #FFFFFF;
}

#content {
    width: auto; height: 400px;
    background: none repeat scroll 0 0 #00FF00;
}

#sidebar {
    float: left;
    width: 180px; height: 100%;
    border-right: 2px solid white;
    background: none repeat scroll 0 0 #E3E4D7;
}

#primary {
    clear: right;
    padding: 20px 200px;
    width: auto; height: 100%;
    background: none repeat scroll 0 0 #FED0AF;
    font-weight: bold; font-family: georgia,helvetica,arial;
}

#primary h1 {
    font-size: 2.5em;
    padding-bottom: 20px;
}

#primary h1, #primary div:first-letter, #primary input[type="submit"] {
    text-transform: uppercase;
}

#get-code div {
    padding: 5px;
}

#get-code textarea {
    height: 80px;
}

#get-code input[type="submit"] {
    width: 222px;
}

#get-code input[type="text"]:first-child, #get-code textarea {
    width: 215px;
}

#apply div {
    padding: 5px;
}

#apply input[type="text"] {
    width: 215px;
}

#apply input[type="submit"] {
    width: 222px;
}

#codes form {
    position: relative;
    margin-bottom: 2.5px; padding: 5px;
    background: none repeat scroll 0 0 #B8D1CE;
}

#codes form input[type="submit"] {
    position: absolute;
    top: 0; left: 92.5%;
}

#history>div {
    font-weight: normal;
    margin-bottom: 2.5px; padding: 5px;
    background: none repeat scroll 0 0 #CE9F67;
}

#history div div {
    float: left;
    width: 100px;
    border-right: 2.5px dotted white; margin-right: 5px;
}

#search input[type="text"] {
    width: 318px;
}

#search div {
   margin: 5px auto;
   background: none repeat scroll 0 0 silver;
}

#search div div {
    display: inline-block;
    vertical-align: top;
    padding: 2px 0 0 2px;
}

#search img {
    width: 70px; height: 70px;
    border: 1px dotted gray;
}

#search span {
    color: purple;
    line-height: 15px;
}

#search p {
    font-size: 0.7em;
}

#footer {
    width: auto; height: 50px;
    background: url("images/footer_bg.jpg") repeat-x scroll 0 0 #393937;
}